@charset "UTF-8";

@font-face {
  font-family: "hm";
  src: url("fonts/HarmonyOS_Sans_SC.woff") format("woff");
  font-display: swap;
  font-weight: normal;
}

@font-face {
  font-family: "hm";
  src: url("fonts/HarmonyOS_Sans_SC_Light.woff") format("woff");
  font-display: swap;
  font-weight: 100;
}

@font-face {
  font-family: "hm";
  src: url("fonts/HarmonyOS_Sans_SC_Medium.woff") format("woff");
  font-display: swap;
  font-weight: 500;
}

@font-face {
  font-family: "hm";
  src: url("fonts/HarmonyOS_Sans_SC_Bold.woff") format("woff");
  font-display: swap;
  font-weight: 700;
}

a,
abbr,
acronym,
address,
applet,
big,
blockquote,
body,
caption,
cite,
code,
dd,
del,
dfn,
div,
dl,
dt,
em,
fieldset,
font,
form,
html,
iframe,
img,
ins,
kbd,
label,
legend,
li,
object,
ol,
pre,
q,
s,
samp,
small,
span,
strike,
strong,
sub,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
tr,
tt,
ul,
p,
var {
	margin: 0px;
	padding: 0px;
}
html {
	font-size: 100px;
	color: #333333;
}
body {
	overflow-x: hidden;
	line-height: 1;
	color: #333333;
}

body,
input,
pre,
select,
th,
td,
textarea {
	font-family: "hm", Arial, sans-serif;
	font-size: 0.16rem;
}
a,
a:active,
a:hover,
a:link,
a:visited {
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}
a{ color: #333333;}
a:hover{
    color: #017CBA;
}
ul,
ul li {
  list-style: none;
}
.clearboth{
	clear:both;
}
.dot {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

[class*="dots-"] {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    -webkit-box-orient: vertical;
}

.dots-1 {
    -webkit-line-clamp: 1;
}

.dots-2 {
    -webkit-line-clamp: 2;
}

.dots-3 {
    -webkit-line-clamp: 3;
}

.dots-4 {
    -webkit-line-clamp: 4;
}
.dots-7 {
    -webkit-line-clamp: 7;
}
.container{
    width: 87.6%;
	width: 1440px;
	margin: 0 auto;
}

@media (max-width:1660px) {
    .container {
        width: 90%;
        margin: 0 auto;
    }
}

@media (max-width:1440px) {
    html {
        font-size: calc(100 / 1366 * 100vw);
    }
    .container {
        /* width: 86%; */
        margin: 0 auto;
    }
}

@media (max-width:1024px) {
    html {
        font-size: calc(100 / 750 * 100vw);
    }
    .container {
        width: 94%;
        max-width: 1000px;
    }
}

@media (max-width:640px) {
    html {
        font-size: calc(100 / 480 * 100vw);
    }
}

.flex{display: flex;}
.align-center{ align-items: center;}
.justify-content{ justify-content: space-between;}
.justify-center{ justify-content: center;}
.wrap {background-image:url('../images/cpbj.png');background-repeat:no-repeat;background-size:100%; position: relative; overflow: hidden;}
.btn-main{  width: 160px; height: 50px;background: #017CBA;border-radius: 30px !important; color: #fff; font-size: 0.16rem;}
.btn-main-sm{ width: auto; padding: 0 0.24rem; height: 0.4rem;background: #017CBA;border-radius: 30px !important; color: #fff; font-size: 0.16rem; border: none;}
.btn-white{ width: 160px; height: 50px;background: #fff;border-radius: 30px !important; color: #888888; font-size: 0.16rem; border: none;}
.btn-detele{ padding: 0 0.24rem; height: 0.4rem;background: #FFFFFF; border-radius: 0.2rem 0.2rem 0.2rem 0.2rem; opacity: 1; border: none;}
.text-blue{color: #017CBA; }
.text-grey{ color: #bbbbbb; font-size: 0.16rem;}
.text-gray{ color: #888888; font-size: 0.16rem; }
.border-bottom{border-bottom: 1px solid #E5E5E5;}
.margin-top30{ margin-top: 30px;}
.margin-right30{ margin-right: 30px;}
.margin-right-xs{ margin-right: 5px;} 

/* 下拉组件改变下拉箭头图标 */
.el-icon-arrow-down:before { content: "\e790";}
.el-icon-arrow-up:before{   content: "\e78f";}
.el-select .el-input .el-select__caret{ font-size: 0.16rem;}
.el-select-dropdown__item{ font-size: 0.16rem;}

/* 消息提示框 */
.el-message-box{ text-align: center; border-radius: 20px; box-shadow: 0px 0px 20px rgba(6,55,129,0.08); border: none; width: 5.5rem;}
.el-message-box__header{ padding-top: 0.6rem !important;}
.el-message-box__title{ font-size: 0.24rem; color: #000;}
.el-message-box__content{ font-size: 16px; color: #555; padding-top: 5px;}
.el-message-box__btns{ padding: 0.4rem 0; text-align: center;}
.el-message-box__btns .el-button--small{ line-height: 50px; background-color: #f4f6fc; padding: 0 35px; border-radius: 30px; border: none; font-size: 16px; color: #888;}
.el-message-box__btns .el-button--primary{ background-color: #017cba; color: #fff;}

/* 头部 */
.head {width:100%;height:1.2rem;padding-top:0.45rem;background-color:#FFF;box-sizing:border-box; box-shadow: 0 0 20px rgba(6,55,129,0.1);}
.head_nav {position:relative;height:100%;display:flex; align-items: center;}
.nav_content{display:flex;align-items:center;}
.head_nav .logo { margin-bottom:5px;}
.head_nav .logo  img {height:50px;width:auto;}
.user_info {margin-left:60px;position:absolute;right:0;display:flex; align-items: center; }
.nav_content {margin-left:65px;font-weight:500;}
.nav_content ul{ display: flex; align-items: center; height: 100%;}
.nav_content ul li{padding:0 35px;}
.nav_content  a {cursor:pointer; color:#333;text-decoration:none; font-size: 0.18rem; }
.nav_content  a:hover {color:#017cba;}
.nav_content  li.active a{ color: #017CBA; border-bottom: 4px solid #017CBA;}
.head_search {background-color:#F4F6FC;width:235px;height:40px;border-radius:20px;padding:0px 10px;overflow:hidden;display:flex;justify-content:space-between;align-items:center;}
.head_search .btn {cursor:pointer;width:24px;height:24px;background:url(../images/search.png) no-repeat center;}
.head_search > img {width:18px;height:18px;margin-left:5px;cursor:pointer;margin-top:11px;}
.head_search > input {float:left;background-color:rgb(244,246,252);width:200px;border:none;height:100%;outline:none;padding:0px 5px;}
@media (max-width:1440px) {
    .nav_content ul li{padding:0 20px;}
    .head_search{ width: 200px;}
    .head_search > input{ width: 160px;}
}
@media (max-width:1280px) {
    .nav_content{margin-left: 20px; }
    .head_search{ width: 150px;}
    .head_search > input{ width: 110px;}
}
@media (max-width:1024px) {
    .head_nav{ display: block;}
    .head{ padding-top: 15px; height: auto; padding-bottom: 15px;}
    .logo img{ width: 30%; height: auto;}
    .nav_content{ margin: 15px 0;}
    .nav_content ul li{ padding: 0 10px; }
    .user_info{ position: unset; margin-left: 0; justify-content: space-between;}
}

/* 底部 */
.footer {width:100%;padding-top:0.5rem;background-color:rgb(20,27,45);}
.footer_content {height:100%;}
.footer_top {display:flex;justify-content:space-between;}
.footer_nav {display:flex;color:rgba(149,160,178,0.502);}
.footer_nav_list {margin-right:0.8rem;}
.footer_nav_list .title {font-size:0.2rem;}
.footer_nav_list > div a {display:block;text-decoration:none;color:rgba(149,160,178,0.502);line-height:0.36rem;font-size:0.16rem;}
.footer_nav_list > div a:hover {color:#017CBA;}
.footer_nav_list > div:first-child {color:#FFF;line-height:0.6rem;font-size:0.2rem;}
.footer_connect {color:#FFF;}
.server_connect {line-height:0.6rem;text-align:right;font-size:0.2rem;}
.server_phone {font-size:0.36rem;line-height:0.6rem;text-align:right;}
.network_icon {display:flex;margin-top:25px;}
.network_icon > div {margin-left:20px;border:1px solid rgba(255,255,255,0.1);width:0.6rem;height:0.6rem;cursor:pointer;border-radius:50%;display:flex;justify-content:center;align-items:center;}
.footer_bottom {display:flex;justify-content:space-between;border-top:1px solid #262d3d;margin-top:0.4rem;padding:0.4rem 0;color:rgba(149,160,178,0.5);}
.footer_other_info {display:flex;}
.footer_other_info a {color:rgba(149,160,178,0.5);font-size:14px;text-decoration:none;}
.footer_copyright {font-size:14px;}
.footer_other_info > div {font-size:14px;line-height:10px;}
.footer_other_info > span {display:inline-block;width:1px;margin:0px 15px;height:13px;background-color:rgba(149,160,178,0.3);}
@media (max-width:1024px) {
    .footer_top{ display: block;}
    .footer_nav_list{ width: 20%; margin-right: 0;}
    .footer_bottom{ display: block; margin-top: 0.2rem; padding: 0.2rem 0;}
    .footer_copyright{ margin-bottom: 5px;}
    .footer_connect{ margin-top: 20px;}
    .server_connect,.server_phone{ text-align: left;line-height:0.4rem}
}

.el-backtop{ width: 60px;display: block;background: #fff url(../images/top.png) no-repeat center 8px;cursor: pointer;box-shadow: unset;height: 60px;}
.el-backtop i{ display: none;}
.el-backtop:hover{ background-color: transparent;}

/*顶部用户中心*/
.head_useravatar {margin-left:30px;position:relative; }
.head_useravatar .login-icon { width:24px;height:24px;}
.head_useravatar .login-icon a{ display: block; background:url(../images/login.png) no-repeat center; width: 100%; height: 100%;}
.head_useravatar .login-icon a:hover{ background: url(../images/login_on.png) no-repeat center;}
.head_useravatar .head_logined{ display: flex; align-items: center; color: #888888; }
.head_useravatar .head_logined .useravatar-box{display: flex; align-items: center; position: relative; cursor: pointer;}
.head_useravatar .head_logined .useravatar{ width: 30px; height: 30px; border: 2px solid #f4f6fc; border-radius: 30px; margin-right: 10px;}
.head_useravatar .head_logined .useravatar img{ width: 100%; height: 100%; border-radius: 30px; }
.top-dropdown.el-popper[x-placement^=bottom]{ margin-top: 25px !important;}
.top-dropdown .el-dropdown-menu__item{ font-size: 16px !important;line-height: 50px;}
.top-dropdown .el-dropdown-menu__item a{ color: #888; display: block;}
.top-dropdown .el-dropdown-menu__item a:hover{color:#017cba;}
@media (max-width:1280px) {
    .head_useravatar{ margin-left: 20px;}
}
/*顶部用户中心*/

/*在线客服*/
/* .floatRight{ overflow:hidden;position:fixed;right:30px; top: 50%;z-index:10; margin-top: -200px; padding: 5px;} */
.OnlineService_Box {width:60px; height: 140px; overflow:hidden; background-color:#fff;border-radius:50px;  box-shadow:0 0 20px rgba(6,55,129,0.05); position:fixed;right:30px; bottom: 100px;z-index:10; }
.OnlineService_Phone {width:60px;}
.OnlineService_Phone a {display:block;width:60px; padding-top:55px;font-size:14px;text-align:center;background:#fff url(../images/kefu.png) no-repeat center 20px;cursor:pointer;text-decoration:none;color:#017cba;}
.OnlineService_Top { height: 60px;}

.Onlinecpdz_Box {width:60px;overflow:hidden;border-radius:50px; margin-bottom: 10px;box-shadow:0 0 20px rgba(6,55,129,0.05);position:fixed;right:30px; bottom: 380px;z-index:10; }
.Onlinecpdz_dz {width:60px;}
.Onlinecpdz_dz a {display:block;width:60px;height:50px;padding-top:55px;font-size:14px;text-align:center;background:#fff url(../images/cpdz.png) no-repeat center 20px;cursor:pointer;text-decoration:none;color:#017cba;}

.Onlineypsq_Box {width:60px;overflow:hidden;border-radius:50px; margin-bottom: 10px;box-shadow:0 0 20px rgba(6,55,129,0.05);position:fixed;right:30px; bottom: 250px;z-index:10; }
.Onlineypsq_sq {width:60px;}
.Onlineypsq_sq a {display:block;width:60px;height:50px;padding-top:55px;font-size:16px;text-align:center;background:#fff url(../images/ypsq.png) no-repeat center 20px;cursor:pointer;text-decoration:none;color:#017cba;}

/*产品采购*/
.products_content {padding:0 0 0.95rem 0;}
.products_block {display:flex;justify-content:right;align-items:center;}
.nav_position{ display: flex; align-items: center; margin-top: 0.4rem; margin-bottom: 0.24rem; color: #888888;}
.nav_position .icon_home{ background: url(../images/home.png) no-repeat; margin-right: 5px; width: 12px; height: 12px;}
.nav_position .position_detail a{ color: #888888;}
.cpdh {display:flex;justify-content:space-between;}

.daohang {float:left;}
.daohang li {display:inline-block;background-color:#fff;margin-right:5px;padding:0.17rem 0.2rem;border-radius:30px;}
.daohang li a {color:#888;text-decoration:none;}
.daohang li.active {background-color:#017cba;}
.daohang li.active a {color:#fff;}
.product_search {width:4rem;height:0.5rem; padding-left:10px;line-height:40px;background-color:#FFF;display:flex;justify-content:space-between;align-items:center;border-radius:50px;}
.product_search input {width:300px;border:none;outline:none;}
.product_search .btn {background:#017cba url(../images/search2.png) no-repeat center;width:0.4rem; height:0.4rem; display:block;cursor:pointer;border-radius:50%; margin: 5px;}
.car_out_content{ margin-bottom: 0.1rem;}
.product_listy .list{display:flex;background-color:#fff;border-radius:30px;margin:0.2rem 0;box-shadow: 0 0 20px rgba(6,55,129,0.05);}
.product_listy .list a {text-decoration:none;}
.product_listy .list > div:nth-child(1) {width:80%;}
.product_listy .list > div:nth-child(2),.product_listy .list > div:nth-child(3) {width:20%;text-align:right;margin:30px 40px 30px 0;}
.product_goods_info {display:flex;align-items:center; padding: 20px; margin-right: 1rem;}
.product_goods_info .imgbox {width:2rem;height:2rem; margin-right: 40px; margin-left: 10px; border-radius: 30px; overflow: hidden; background-image: linear-gradient(to top right, #3F5EB1,#4193CF);}
.product_goods_info .imgbox img{ width: 100%; height: 100%;}
.product_goods_info .product_spec_info{ width: 65%;}
.product_name {color:#333;font-size:0.22rem;font-weight:bold;display:flex;}
.product_desc {color:#666;font-size:.16rem;  margin-top:10px; margin-bottom:20px; line-height: 24px; 
    height: 48px;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;			
	text-overflow: ellipsis;		
	display: -webkit-box;			
	-webkit-line-clamp: 2;			
	line-clamp: 2;					
	-webkit-box-orient: vertical;	
}
.product_name .xil {height:24px; line-height:24px; background-color:rgb(244,246,252);padding:0px 10px;color:#888888;font-size:14px;border-radius:3px;font-weight:100;margin-left:10px;}
.product_qita {border-top:1px solid #E5E5E5; padding-top: 15px;}
.product_qita p{ color:#888;display:flex;line-height:24px; }
.product_qita span {color:#017cba;}
.product_count_price {position:relative;}
.product_count_price span {color:#017cba;font-weight:400; font-size: 0.28rem; position: relative; padding-left: 18px;}
.product_count_price span::before{ content: "￥"; position: absolute; left: 0; bottom: 7px; font-size: 16px;}
.product_count_price .product_price {display:flex;position:absolute;bottom:0;right:0;}
.product_count_price .product_price  a { width: 1.2rem;height: 0.5rem; text-align: center; line-height: 0.5rem; background: #F4F6FC; border-radius: 5px; margin-left: 5px; color: #888888; cursor: pointer;}
.product_count_price .product_price  a:hover{ background: #017CBA; color: #fff;}

/*产品定制申请*/
.dz_content {padding:0 10%;}

/*采购下单*/
.cgxd_sq {width:100vw;height:100vh;position:fixed;top:0px;left:0px;background:rgba(255,255,255,0.85);z-index:999999;display:none;z-index: 2;}
.cgxd_block {width:40%;padding:35px;margin:0 auto;margin-top:3%;background-color:#FFF;box-shadow:0px 0px 10px #ccc;text-align:center;border-radius:20px;position:relative;}
.cgxd_block .cgxdbt {display:flex;border-bottom:1px solid #EBEBEB;padding-bottom:18px;}
.cgxd_block .cgxdbt .cpcgxd {color:#017cba;font-size: 0.24rem;}
.cgxd_block .cgxdbt .delcgxd {position:absolute;cursor:pointer;right:38px;background: url(../images/iw_close.png) no-repeat center; width: 24px; height: 24px;}
.cgxd_content {padding-top:3%; }
.cgxd_content form div.form-group { width: 70%; margin: 0 auto 10px;}
.cgxd_content form div.qy {border-bottom:1px solid #eeeeee;padding-bottom:20px; margin-bottom: 20px;}
.cgxd_content form label { float:left; color:#61656a;margin:0;text-align:left;width:20%;margin-right:15px;display:inline-block;line-height:40px;}
.cgxd_content form label i {color:#e01d1d;padding-right:5px;font-style:inherit;}
.cgxd_content form div.form-group div {padding-left:20%;text-align:left;}
.cgxd_content form div.form-group div p {color:#888; margin-top: 10px;}
.cgxd_content form .num {display:flex;align-items:center;padding-left:0px !important;}
.cgxd_content form .num input {width:60px;border:none;outline:none;text-align:center;border-radius:0px;height:40px;margin:0 1px;}
.cgxd_content form .num .jian {color:#888;padding:0px !important;background-color:#f4f6fc;border-radius:5px 0 0 5px;height:40px; width: 40px; line-height: 40px; text-align: center;}
.cgxd_content form .num .jia {color:#888;padding:0px !important;background-color:#f4f6fc;border-radius:0 5px 5px 0;height:40px; width: 40px; line-height: 40px; text-align: center;}
.cgxd_content form select {border:1px solid #f4f6fc;padding:5px 2%;color:#555;width:95%;height:40px;background-color:#f4f6fc;border-radius:5px;}
.cgxd_content form input {border:1px solid #f4f6fc;padding:5px 2%;color:#555;width:95%;height:40px;background-color:#f4f6fc;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:none;border-radius:5px;}
.cgxd_content form textarea {height:1rem;border:1px solid #f4f6fc;padding:5px 2%;width:95%;color:#555;background-color:#f4f6fc;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;resize:none;border-radius:5px;}
.cgxd_content form .name{ padding-top: 10px;}
.cgxdtj {display:flex;border-top:1px solid #eeeeee;justify-content:space-between;padding-top:30px; margin-top: 30px; align-items: center;}
.cgxdtj .ddjg {float:left;}
.cgxdtj .ddjg .zong {float:left;width:100%;text-align:left; margin-bottom: 10px; font-size: 18px; color: #555;}
.cgxdtj .ddjg .zong span.price {color:#017cba; position: relative; font-size: 28px; padding-left: 15px;}
.cgxdtj .ddjg .zong span.price::before{ content: "￥"; position: absolute; left: 0; bottom: 7px; font-size: 14px;}
.cgxdtj .ddjg p {float:left;color:#888;}
.cgxdtj .config_btncgxd {display:inline-block;background-color:#017cba;padding:0.15rem 0.6rem;border-radius:30px;color:#FFF;}
/*采购下单*/

/*产品采购详情*/
.products_xq {padding:50px;background-color:#fff;border-radius:30px; box-shadow:0 0 20px rgba(6,55,129,0.05);}
.products_xq .cpxx {display:flex;}
.products_xq .cpxx .pro_qiehuan {float:left;width:43%;}
.products_xq .cpxx .pro_qiehuan .swiper-container {height:5rem; border-radius:30px;}
.products_xq .cpxx .pro_qiehuan .gallery-top .swiper-slide{display:flex;align-items: center;justify-content: center;}
.products_xq .cpxx .pro_qiehuan .gallery-top .swiper-slide-active {background: linear-gradient(to right, #406bb8, #4088c9, #4088c9);}
.products_xq .cpxx .pro_qiehuan .gallery-top .swiper-slide img{max-width:100%;max-height:100%;}
.products_xq .cpxx .pro_qiehuan .gallery-thumbs {writing-mode: vertical-lr;float:left;}
.products_xq .cpxx .pro_qiehuan .gallery-thumbs .swiper-wrapper{text-align:center; -webkit-transform: translate3d(0,0,0) !important;-moz-transform: translate3d(0,0,0) !important; -o-transform: translate(0,0) !important;-ms-transform: translate3d(0,0,0) !important;transform: translate3d(0,0,0) !important;display: flex;justify-content: center;align-items: center;display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center;}
.products_xq .cpxx .pro_qiehuan .gallery-thumbs .swiper-slide {cursor: pointer;width:80px;height:80px;background-color: #f4f6fc;border-radius:20px;margin-bottom:10px;}
.products_xq .cpxx .pro_qiehuan .gallery-thumbs .swiper-slide-active {background: linear-gradient(to right, #406bb8, #4088c9, #4088c9);display:inline-block;text-align:center; }
.products_xq .cpxx .pro_qiehuan .gallery-thumbs .swiper-slide img{max-width:100%;max-height:100%;vertical-align:middle;}
.products_xq .cpxx .pro_qiehuan .gallery-thumbs .swiper-slide .iblock {display:inline-block;height:100%;width:0;vertical-align:middle}
.products_xq .cpxx .pro_qiehuan .swiper-pagination{bottom:0;}
.products_xq .cpxx .cpms {float:left;padding-left:4%;}
.products_xq .cpxx .cpms .title {color:#333;font-size:0.24rem;font-weight:bold; margin-bottom: 0.2rem; padding-top: 5px; height: 32px; display: flex; align-items: center; justify-content: space-between;}
.products_xq .cpxx .cpms .title .price {float:right;color:#017cba;font-weight:bold;font-size:0.32rem; position: relative; padding-left: 25px;} 
.products_xq .cpxx .cpms .title .price::before{ content: "￥"; position: absolute; left: 0; bottom: 3px; font-size: 18px; font-weight: normal;}
.products_xq .cpxx .cpms .desc {color:#888;padding:0 0 20px 0;margin-bottom:0.2rem;border-bottom:1px solid #EBEBEB;width:100%; line-height: 0.24rem;font-size: 0.18rem;}
.products_xq .cpxx .cpms .bhxh {color:#555555;display:flex;line-height:0.32rem;padding-bottom:0.1rem; font-size: 0.18rem;color: #888888;}
.products_xq .cpxx .cpms .bhxh span {color:#888;}
.products_xq .cpxx .cpms .bhxh a {list-style:none;width: 1.2rem; height: 0.4rem; text-align: center; line-height: 0.4rem; background-color:#f4f6fc;border-radius:5px;margin-right:10px;cursor:pointer; font-size: 0.16rem;}
.products_xq .cpxx .cpms .bhxh a.active {background-color:#017cba;color:#fff;}
.products_xq .cpxx .cpms .bhxh a:hover {background-color:#017cba;color:#fff;}
.products_xq .cpxx .cpms .bhxh .num {display:flex;align-items:center;}
.products_xq .cpxx .cpms .bhxh .num input {width:0.6rem;border:none;text-align:center;height:0.4rem;margin:0 1px;background-color:#f4f6fc; padding: 0;}
.products_xq .cpxx .cpms .bhxh .num .jian {color:#888;padding: 0px 10px;background-color:#f4f6fc; border-radius:5px 0 0 5px;line-height:0.4rem;}
.products_xq .cpxx .cpms .bhxh .num .jia {color:#888;padding:0px 10px;background-color:#f4f6fc;border-radius:0 5px 5px 0;line-height:0.4rem;}
.products_xq .cpxx .cpms .bhxh.guige{ margin: 20px 0 10px;}
.products_xq .cpxx .cpms .bhxh .el-input-number .el-input__inner{height: 40px; line-height: 40px;background: #F4F6FC;}
.products_xq .cpxx .cpms .bhxh  .el-input-number__decrease{ border-right: 2px solid #fff;}
.products_xq .cpxx .cpms .bhxh  .el-input-number__increase{ border-left: 2px solid #fff;}
.products_xq .cpxx .cpms .xqgwc {display:flex;padding-top:.55rem;}
.products_xq .cpxx .cpms .xqgwc li {list-style:none; height: 0.5rem; line-height: 0.5rem; text-align: center; width: 1.6rem; background-color:#F4F6FC;border-radius:50px;margin-right:0.1rem;}
.products_xq .cpxx .cpms .xqgwc li a {text-decoration:none;color:#017cba;cursor:pointer;}
.products_xq .cpxx .cpms .xqgwc li.active {background-color:#017cba;}
.products_xq .cpxx .cpms .xqgwc li.active a {color:#fff;}
.products_xq .cpxx .cpms .xqgwc li:hover {background-color:#017cba;}
.products_xq .cpxx .cpms .xqgwc li:hover a {color:#fff;}
.products_xq .cpxqms {padding-top:0.8rem;display:flow-root;}
.products_xq .cpxqms .cpxiangt {color:#333;font-weight:bold;border-bottom:1px solid #EBEBEB;float:left;width:100%;padding:0.15rem 0;margin-bottom:0.5rem; font-size: 0.24rem;}
.products_xq .cpxqms .cpxqcontent {color:#888;float:left;width:100%;}
.products_xq .cpxqms .cpxqcontent img {width:100%;}
/*产品采购详情*/

/*产品详情相关产品*/
.productxg_content {padding-top:0.8rem; margin-bottom: 1rem;}
.productxg_title {text-align:center;font-weight:bold;padding-bottom:0.4rem; font-size: 0.36rem;}
.productxg_view {display:flex;justify-content:space-between;position:relative; padding: 15px 0;}
.productxg_view .developlist { padding: 10px;}
.productxg_view .swiper-button-next,.productxg_view .swiper-button-prev {background:url(../images/more_blue.png) #fff no-repeat center;width:60px;height:60px;border-radius:100%;box-shadow: 0 0 10px rgba(6,55,129,0.08);}
.productxg_view .swiper-button-prev {background:url(../images/more_blue.png) #fff no-repeat center;opacity:1;transform:rotate(180deg);}
.productxg_view .swiper-button-next {right:-85px;}
.productxg_view .swiper-button-prev {left:-85px;}
.productxg_view .swiper-button-prev:hover {background:url(../images/more_white.png) #017cba no-repeat center;}
.productxg_view .swiper-button-next:hover {background:url(../images/more_white.png) #017cba no-repeat center;}
.productxg_list {width:160px;height:auto !important;background-color:#fff;border-radius:20px; box-shadow: 0 0 10px rgba(6,55,129,0.1);}
.productxg_list_pic {margin:3%;height:3rem;background:linear-gradient(to right,#406bb8,#4088c9,#4088c9);display:flex;align-items:center;justify-content:center;border-radius:10px;}
.productxg_list_pic > img {width:180px;}
.productxg_list_title {text-align:center;margin:25px 0; font-size: 0.22rem; padding: 0 15px; color: #222;}
.productxg_list_more {display:flex;align-items:center;margin:0.1rem 0 0.25rem;color:#BBB;justify-content:center;}
.productxg_list_more img {margin-left:8px;display:block;}
/*产品详情相关产品*/

/* 最新资讯 */
.zixun_view {display:flex;flex-wrap:wrap;margin-left:-4%;}
.zixun_list {width:29%;background-color:#FFF;border-radius:30px;overflow:hidden;margin-left:4%;box-shadow:10px 20px 20px rgba(6,55,129,0.03);margin-bottom:0.6rem;}
.zixun_list a {text-decoration:none;}
.zixun_list:hover {box-shadow:10px 20px 20px rgba(6,55,129,0.1);}
.zixun_list:nth-child(4n) {margin-right:0px;}
.zixun_list_pic,.zixun_list_pic img {width:100%;height:2.3rem;}
.zixun_img_bottom {padding:0.3rem;}
.zixun_list_title {min-height:0.95rem;}
.zixun_list_title .title {line-height:0.32rem;color:#333;font-size:0.22rem;}
.zixun_list_title span {color:#017cba;line-height:0.32rem;}
.zixun_list_desc {color:#888888;padding:0.2rem 0px 0.3rem;line-height:0.24rem;}
.zixun_list_more {color:#888;display:flex;align-items:center;}
.zixun_list_more span {background:url(../images/more.png) no-repeat right center;width:20px;height:20px;display:inline-block;}
.zixun_list:hover .zixun_list_title .title {color:#017cba;}
.product_list_more {display:flex;align-items:center;margin-top:15px;color:#BBB;}
.product_list_more img {margin-left:8px;display:block;}
.info_content {height:auto;background-color:#FFF;border-radius:30px;padding:0.6rem 1.2rem;box-shadow:0 0 20px rgba(6,55,129,0.05); margin-bottom: 1rem;}
.content_title {font-size:0.24rem;font-weight:bold;text-align:center;}
.info_content_desc {display:flex;justify-content:center;padding:15px 0px 30px;color:#888;border-bottom:1px solid #EBEBEB;}
.info_content_desc img {display:block;margin-right:8px;width:14px;height:14px;}
.info_content_desc > div {margin-right:30px;display:flex;align-items:center;}
.info_content_desc text {margin-right:8px;}
.content_html {padding:0.4rem 0px 0.8rem;line-height:28px;font-size:0.16rem;color:#555;}
.bottom_operate {border-top:1px solid rgb(226,232,235);padding:20px 0px 30px;display:flex;justify-content:space-between;align-items:center;}
.return_lists {width:1.3rem;height:0.5rem;display:flex;align-items:center;justify-content:center;background:#017cba url(../images/return.png) no-repeat 30px center;border-radius:30px;color:#FFF; padding-left: 30px;}
.return_lists:hover{ color: #fff;}
.prev_next_title {color:#888;font-size:0.16rem;}
.prev_next_title a {color:#888;}
.prev_next_title > div:first-child {margin-bottom:10px;}
/* 最新资讯结束 */

/* 用户中心开始 */
.user_center_content {padding:40px;background:#f9fbfe url(../images/car_center_bg.png) no-repeat top center;border-radius:30px;box-shadow:0 0 20px rgba(6,55,129,0.1);background-size:100%;display:flex;margin-bottom:1rem;}
.left_nav_title {padding:0.2rem 0;color:#017cba;font-size:0.24rem;font-weight:bold;border-bottom:1px solid #EBEBEB;}
.left_user_nav {width:220px;}
.left_user_nav div {cursor:pointer;}
.left_user_nav div a {text-decoration:none;color:#888;}
.left_user_nav div a:hover {color:#017cba;}
.child_nav_content {padding-top:20px; padding-bottom: 20px; color:#888;line-height:35px;border-top:1px solid #EBEBEB;display:none;}
.child_nav_content a {display:block;font-size:0.16rem;line-height:0.4rem;color:#888888;}
.nav_items {border-bottom:1px solid #EBEBEB;}
.nav_items:last-child {border-bottom:none !important;}
.parent_nav {display:flex;justify-content:space-between;align-items:center;line-height:0.6rem;color:#888;}
.parent_nav .parent_nav_hd {font-size:0.18rem;}
.parent_nav .parent_nav  .icon {color:#BBBBBB;}
.on .parent_nav {color:#333;font-size:0.18rem;}
.on .parent_nav .icon {transform:rotate(90deg);}
.on .child_nav_content .active {color:#017cba;}
.right_user_content {flex:1;padding-left:0.8rem; box-sizing: border-box; min-width: 0; padding-bottom: 0.4rem; position: relative;}
.select_nav_title {color:#000;display:flex;justify-content:space-between; align-items: center; padding-top: 10px;}
.select_nav_title .title {font-size:0.2rem;color:#000;line-height:0.4rem;}
.user-box {width:100%;padding:0.3rem;display:flex;align-items:center;justify-content:space-between;border-radius:30px;background:url(../images/xsbj.png) no-repeat center;background-size:cover;box-sizing:border-box;margin-bottom:20px;}
.user-box .avatar-box {display:flex;align-items:center;}
.user-box .avatar-box .avatar {width:0.8rem;height:0.8rem;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;margin-right:20px; overflow: hidden;}
.user-box .avatar-box .avatar img {max-width:100%;max-height:100%;}
.user-box .avatar-box .accountName {color:#333333;font-size:0.24rem;margin-bottom:10px;}
.user-box .avatar-box .firm {font-size:0.16rem;color:#888888;}
.user-box .user-info .num {color:#333333;font-size:0.24rem;margin-bottom:10px;}
.user-box .user-info .num span {font-size:0.2rem;}
.user-box .user-info .text {color:#888888;font-size:0.16rem;}
.user-box .user-info:last-child {margin-right:0.4rem;}
.order_content {padding-top:10px;}
/* 用户中心结束 */

/* Dialog 对话框 */
.v-modal {
    background-color: rgba(255,255,255, 0.9); opacity: 0.9 !important;
}
.el-dialog{
    padding: 0.4rem 0.4rem 0.1rem;
    margin: 0 auto;
    margin-top: 3%;
    box-shadow: 0px 0px 20px rgba(6,55,129,0.1);
    /* text-align: center; */
    border-radius: 20px;
    position: relative;
}
.el-dialog__header{
    padding: 0;
    text-align: left;
    padding-bottom: 15px;
    border-bottom: 1px solid #EBEBEB;
}
.el-dialog__title {
    line-height: 24px;
    font-size: 0.24rem;
    color: #017cba;
    font-weight: 600;
}
.el-dialog__headerbtn{
    position: absolute;
    top: 40px;
    right: 40px;
    font-size: 20px;
}
.el-dialog__body{
    padding: 30px 0;
    color: #555555;
    font-size: 0.16rem;
}

/* Dialog 对话框 form表单 */
.el-form-item__label{
    font-size: 16px;
    line-height: 50px;
    color: #555;
    padding-left: 10px;
}
.delete{
    font-size: 16px;
    color: #999;
}
.el-checkbox__label{
    font-size: 16px;
}
.dialog-content .el-form-item{
    margin-bottom: 10px;
    position: relative;
}
.el-form-item.is-required:not(.is-no-asterisk)>.el-form-item__label:before{
    position: absolute;
    left: 0;
}
.dialog-content .el-input,
.dialog-content .el-textarea{
    font-size: 16px;
}
.dialog-content .el-input__inner{
    background-color: #f4f6fc;
    border: 1px solid #f4f6fc;
    height: 50px;
    line-height: 50px;
}
.dialog-content .el-textarea__inner{
    min-height: 0.8rem !important;
    background-color: #f4f6fc;
    border: 1px solid #f4f6fc;
}
.dialog-content .el-textarea .el-input__count{
    background: #f4f6fc;
}
.dialog-content .el-select{
    width: 100%;
}

.dialog-content .el-input-number{
    display: block;
}
.dialog-content .uploader .el-upload {
    width: 0.8rem;
    height: 0.8rem;
    border: 1px dashed #d9d9d9;
    border-radius: 6px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
  }
  .dialog-content   .uploader .el-upload:hover {
    border-color: #409EFF;
  }
  .dialog-content  .el-upload{
      display: block;
  }
  .dialog-content   .uploader-icon {
    font-size: 28px;
    color: #8c939d;
    width: 0.8rem;
    height: 0.8rem;
    line-height: 0.8rem;
    text-align: center;
  }
  .dialog-content .el-input-number__decrease{
      border-right: 1px solid #fff;
  }
  .dialog-content .el-input-number__increase{
      border-left: 1px solid #fff;
  }
  .dialog-content .file-format{
      width: 50%;
      line-height: 24px;
      text-align: left;
      margin-left: 15px;
      color: #BBBBBB;
  }
  .dialog-content .btn-main{
    margin-top: 20px;
  }

  .dialog-content .el-select.sheng {width:50%;margin-bottom:10px;}
  .dialog-content .el-select.shi {width:47%;margin-bottom:10px;margin-left:2%;}
  .dialog-content .el-select.qu {width:50%;margin-bottom:10px;}
  .dialog-content .el-select.jie {width:47%;margin-bottom:10px;margin-left:2%;}
  .el-input-group__append, .el-input-group__prepend{
    border: 1px solid #f4f6fc;
  }

/* 账号问题 */
.help_list{
    margin: 30px 0;
}
.help_list .el-collapse ,
.list-item .el-collapse-item__wrap{
    border: none;
}
.list-item {
    background-color: #fff;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 10px;
}
.list-item .el-collapse-item__header{
    height: 0.6rem;
    line-height: 0.6rem;
    font-size: 0.16rem;
    color: #555555;
    padding: 0 0.3rem;
    border: none;
}
.list-item .details{
    padding: 0 0.3rem;
    font-size: 0.16rem;
}
.list-item .el-collapse-item__header.is-active,
.list-item .el-collapse-item__arrow.is-active{
    color: #017CBA;
}
.list-item .el-icon-arrow-right:before{
    content: "\e791";
}
.list-item .el-collapse-item__arrow{
    color: #BBBBBB;
}